<?php
require_once '../../session.php';
?>
<script type="text/javascript">
    $(document).ready(function() {
        getMonedas();
        getMonedasDeshabilitadas();
    });
    
    $("#agregarMoneda").click(function() {
        var parametros = {
            "accion" :  'agregarMoneda',
            "moneda" :  $("#moneda").val(),
            "simbolo" : $("#simbolo").val()
        };
        
        $.ajax({
            data:   parametros,
            url:    'controladores/monedaControlador.php',
            type:   'post',
            beforeSend: function() {
                $("#resultadoMoneda").html("<img src=\"imagenes/ajax-loader-chico.gif\" />");
                $("#resultadoSimbolo").html("<img src=\"imagenes/ajax-loader-chico.gif\" />");
            },
            success: function(respuesta) {
                $("#resultado").html(respuesta);
            }
        });
    });
        
        function getMonedas() {
            var parametros = {
            "accion" :  'getMonedas'
            };

            $.ajax({
                data:   parametros,
                url:    'controladores/monedaControlador.php',
                type:   'post',
                beforeSend: function() {
                    $("#monedasExistentes").html("<img src=\"imagenes/ajax-loader-chico.gif\" />");
                },
                success: function(respuesta) {
                    $("#monedasExistentes").html(respuesta);
                }
            });
        }
        
        function getMonedasDeshabilitadas() {
            var parametros = {
            "accion" :  'getMonedasDeshabilitadas'
            };

            $.ajax({
                data:   parametros,
                url:    'controladores/monedaControlador.php',
                type:   'post',
                beforeSend: function() {
                    $("#contenedor-izquierda").html("<img src=\"imagenes/ajax-loader-chico.gif\" />");
                },
                success: function(respuesta) {
                    $("#contenedor-izquierda").html(respuesta);
                }
            });
        }
        
        function deshabilitarMoneda(idMoneda) {
            var parametros = {
                "accion" :  'deshabilitarMoneda',
                "idMoneda"    : idMoneda
            };

            $.ajax({
                data:   parametros,
                url:    'controladores/monedaControlador.php',
                type:   'post',
                beforeSend: function() {
                    $("#contenedor-izquierda").html("<img src=\"imagenes/ajax-loader-chico.gif\" />");
                    $("#monedasExistentes").html("<img src=\"imagenes/ajax-loader-chico.gif\" />");
                },
                success: function(respuesta) {
                    getMonedas();
                    getMonedasDeshabilitadas();
                }
            });
        }
        
        function habilitarMoneda(idMoneda) {
            var parametros = {
                "accion" :  'habilitarMoneda',
                "idMoneda"    : idMoneda
            };

            $.ajax({
                data:   parametros,
                url:    'controladores/monedaControlador.php',
                type:   'post',
                beforeSend: function() {
                    $("#contenedor-izquierda").html("<img src=\"imagenes/ajax-loader-chico.gif\" />");
                    $("#monedasExistentes").html("<img src=\"imagenes/ajax-loader-chico.gif\" />");
                },
                success: function(respuesta) {
                    getMonedas();
                    getMonedasDeshabilitadas();
                }
            });
        }
        
</script>
<h4>Alta de Monedas</h4>
<p>
    <label>Descripci&oacute;n</label>
<input style="float: left;" type="text" name="moneda" id="moneda" maxlength="30" /> <div id="resultadoMoneda"></div>
</p>
<p style="clear: both;">
    <label>S&iacute;mbolo</label>
<input style="float: left;" type="text" name="simbolo" id="simbolo" maxlength="5" /> <div id="resultadoSimbolo"></div>
</p>
<p style="clear: both;">
    <input type="button" class="btn btn-success" id="agregarMoneda" value="Agregar" />
</p> 
<br /><br />
<h4>Monedas Existentes</h4>
<p>
    <div id="monedasExistentes"></div>
</p>
<div id="resultado"></div>